<template>
  <div class="s1">
    <h2>我是App组件</h2>
    <YeYe></YeYe>
  </div>
</template>

<script>

/*
  在祖宗组件中使用 provide 提供数据。
  在后代组件中使用 inject 完成数据的注入。
  这样就完成了数据的传递。
  这种方式比较适合于使用在祖宗给后代组件传递数据的情况。

  1. provide在祖宗组件中使用：provide('name',data)
  2. inject在后代组件使用：inject('name')


  注：父==>子 props（建议）
 */
import YeYe from './components/YeYe.vue'
export default {
  name: 'App',
  components: { YeYe }
}
</script>

<style lang="css" scoped>
.s1 {
  width: 500px;
  height: 500px;
  background-color: aquamarine;
}
</style>